<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
  <meta charset="UTF-8">
  <title>17sucai - Moon and Sea</title>
	<link rel="stylesheet" href="./style/night-style.css" th:href="@{/style/night-style.css}" media="all">

</head>
<body>
<!-- partial:index.partial.html -->
<p style="font-size: 32px; font-family: '宋体'; filter: invert(100%);margin-left: 61px;
                     margin-top: 11px;mix-blend-mode: difference;" th:text="${mess}"></p>
<div class="night-sky">
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	
	<div class="stars">
		<div></div><div></div><div></div>
	</div>
	
	<div class="stars">
		<div></div><div></div><div></div>
	</div>
	
	<div class="stars">
		<div></div><div></div><div></div>
	</div>
	
	<div class="stars">
		<div></div><div></div><div></div>
	</div>
	<div class="clouds">
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</div>
	
	<div class="clouds">
		<div></div>
		<div></div>
		<div></div>
		<div></div>
	</div>
</div>
<div class="moon">
	<ul>
		<li></li>
		<li></li>
		<li></li>
	</ul>
</div>

<div class="sea-horizon">
	<div class="sea-shine">
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			
			<li></li>
			<li></li>
			
			<li></li>
			<li></li>
		</ul>
	</div>
</div>
<!-- partial -->
  
</body>
</html>
